<template>
    <el-form-item
        :label="label"
        :prop="prop"
		:required="true"
		
    >	
		<el-select
			:value="value"
			@change="handleInput"
			:style="{width}"
		>
			<el-option  
				v-for="(label, val ) in opts" 
				:key="val"
				:value="Number(val)"
				:label="label"
				v-show="showCheck(val)"
			 />
		</el-select>
    </el-form-item>
</template>
<script>
import list from '@/mixins/list'
export default {
	name: 'MemberCheckTypeSelect',
	mixins: [list],
	props: {
        value: {
            type: Number,
        },
        prop: {
            type: String,
            default: 'checkType'
        },
		width: {
			type: String
		},
		label: {
			type: String,
			default: '安全校验：'
		},
		showCheck: {
			type: Function,
			default: (() => true)
		}
	},
	data() {
		return {
			opts: {
				0: '无校验',
				1: '身份验证器',
				2: '邮箱校验',
				3: '手机校验'
			},
			title: this.$t('common.google_key'),
		}
	},
	computed: {},
	created() {
		// this.getValidateKeyType()
	},
	methods: {
        handleInput(newVal) {
            this.$emit('input', newVal)
        },
	}
}
</script>
<style lang="scss" scoped>
.d-flex {
	display: flex
}

</style>
